<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="less/list.css"/>
	</head>
	<body>
		<div id="header">
		<div class="header_center">
			<a href="index.html" title="HM.com"></a>
		</div>
		<div class="header-nvshi">
			<ul>
				<li>女士</li>
				<li>男士</li>
				<li>儿童</li>
				<li>家居</li>
			</ul>
		</div>
		<!--<div class="hidden">
			<a href="">我的H&amp:M</a>
			您好,<a href=""></a>
			<a href="">退出</a>
		</div>-->
		<div class="header-right">
			<a href="">我的H&M</a>
			<a href="">登陆/加入</a>
			<div class="shopping">
				<a href="">购物袋(<span>0</span>)</a>
			</div>
		</div>
	</div>
	<div class="left">
		<ul>
			<li>
				<h2>
					<a href="">女士</a>
				</h2>
				<div class="xinpin">
					<h4>
						<span >新品</span>
					</h4>
					<ul>
						<li><a href="">服饰</a></li>
					</ul>
					<ul>
						<li>
							<a href="">鞋品&服饰</a>
						</li>
					</ul>
				</div>
			</li>
		</ul>
		<div class="chanpin">
			<h4>
				<span>通过产品筛选</span>
			</h4>
			<ul style="display: block;">
				<li>
					<a href="">衬衫</a>
				</li>
				<li>
					<a href="">上装</a>
				</li>
				<li>
					<a href="">最佳单品</a>
				</li>
				<li>
					<a href="">连衣裙</a>
				</li>
				<li>
					<a href="">半身裙</a>
				</li>
				<li>
					<a href="">短裤</a>
				</li>
				<li>
					<a href="">连体裤</a>
				</li>

			</ul>
		</div>
		<div class="fengge">
			<h4>
				<span >
					通过功能筛选
				</span>
			</h4>
			<ul style="display: block;">
				<li>
					<a href="">海边风情</a>
				</li>
				<li>
					<a href="">全新混搭</a>
				</li>
				<li>
					<a href="">夏日逍遥</a>
				</li>
				<li>
					<a href="">夏季连身裙</a>
				</li>
			</ul>
		</div>
		<div class="gainian">
			<h4>
				<span >
					通过概念筛选
				</span>
			</h4>
			<ul style="display: block;">
				<li>
					<a href="">青少年装</a>
				</li>
				<li>
					<a href="">摩登经典</a>
				</li>
				<li>
					<a href="">Trend</a>
				</li>
				<li>
					<a href="">派对</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="center">
		<div class="img">
			<img src="image/20.jpg"/>
		</div>
		<div class="img-1">
			<img src="image/21.jpg"/>
		</div>
		<div class="center-xinpin">
			<h2>新品</h2>
			<div class="center-jike">
				<a href="">即可购买</a>
			</div>
		</div>
		<div class="lunbotu">
			<img src="image/l1.jpg"/>
			<img src="image/l2.jpg"/>
			<img src="image/l3.jpg"/>
			<!--<img src="image/l4.jpg"/>
			<img src="image/l5.jpg"/>
			<img src="image/l6.jpg"/>-->
			<div class="shuxing-1">
				<h3><a href="">斜纹超短裤</a></h3>
			    <p>¥50.00</p>
			</div>
			<div class="shuxing-2">
				<h3><a href="">短上衣</a></h3>
			    <p>¥50.00</p>
			</div>
			<div class="shuxing-3">
				<h3><a href="">牛仔夹克</a></h3>
			    <p>¥50.00</p>
			</div>
			
		</div>
		<div class="baoyou">
			<h2>购物满300元，即享包邮</h2>
			<p>请在结账时输入代码5038获取折扣。适用于hm.com网站上指定商品，有效期截至2015年7月1日。</p>
			 <p>
                
                    <a href="" class="">即刻选购</a>
                
            </p>
		</div>
		<div class="center-gongneng">
			<h2>通过功能筛选</h2>
		</div>	
			<div class="neng-1">
				<img src="image/22.jpg"/>
			</div>
			<div class="neng-2">
				<img src="image/23.jpg"/>
			</div>
			<div class="neng-3">
				<img src="image/24.jpg"/>
			</div>
			<div class="center-zuijia">
				<h2>最佳单品</h2>
				<div class="zuijia">
					<img src="image/z1.jpg"/>
					<img src="image/z2.jpg"/>
					<img src="image/z3.jpg"/>
				</div>
				<div class="moxiong-1">
					<h3>
						<a href="">抹胸上衣</a>
					</h3>
					<p>¥49.90</p>
				</div>
				<div class="moxiong-2">
					<h3>
						<a href="">抹胸上衣</a>
					</h3>
					<p>¥49.90</p>
				</div>
				<div class="moxiong-3">
					<h3>
						<a href="">抹胸上衣</a>
					</h3>
					<p>¥49.90</p>
				</div>
			</div>
		
	</div>
	</body>
</html>
